<div class="content-white p1000">
    <div style="font-weight:bold;font-size:20px;padding:0 0 10px 10px;border-bottom:1px solid #ddd;">
        作业工单明细 &nbsp;&nbsp;&nbsp;
        <button nz-button nzType="default" (click)="back()"><i nz-icon nzType="rollback"></i>返回</button>
    </div>
    <div style="padding:20px 50px 10px 50px">
        <div nz-row>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业日期：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" [(ngModel)]="queryParams.dtWorkdate"></nz-date-picker>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业车站：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:315px;" placeholder="请输入派工人"
                        [(ngModel)]="queryParams.staName" />
                </span>
            </div>
            <ng-container *ngIf="queryParams.vcDevgroupId;else anotherId">
                <div nz-col nzSpan="8" style="padding:10px 0">
                    <span [ngStyle]="rowThree">作业设备：</span>
                    <span>
                        <input [readonly]="readStatus" nz-input style="width:315px;" placeholder="请输入作业设备"
                            [(ngModel)]="queryParams.vcDevgroupName" />
                    </span>
                </div>
            </ng-container>
            <ng-template #anotherId>
                <div nz-col nzSpan="8" style="padding:10px 0">
                    <span [ngStyle]="rowThree">作业设备：</span>
                    <span>
                        <input [readonly]="readStatus" nz-input style="width:315px;" placeholder="请输入作业设备"
                            [(ngModel)]="queryParams.vcDevname" />
                    </span>
                </div>
            </ng-template>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">天窗作业计划号：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width:315px;" [(ngModel)]="queryParams.vcSkyorderid">
                        <nz-option *ngFor="let item of skywinList" [nzValue]="item.nId" [nzLabel]="item.vcLabel">
                        </nz-option>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="16" style="padding:10px 0">
                <span [ngStyle]="rowThree">天窗计划时间：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" nzFormat="yyyy-MM-dd HH:mm"
                        [(ngModel)]="queryParams.dtSkywinplantime">
                    </nz-date-picker>&nbsp;&nbsp; ~ &nbsp;&nbsp;
                    <nz-date-picker [disabled]="readStatus" nzFormat="yyyy-MM-dd HH:mm"
                        [(ngModel)]="queryParams.dtSkywinplanetime">
                    </nz-date-picker>
                </span>
            </div>
            <div *ngIf="queryParams.vcDevgroupId" nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">设备明细：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:315px;" placeholder="请输入设备明细"
                        [(ngModel)]="queryParams.vcDevname" />
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">天窗计划及影响范围：</span>
                <span>
                    <textarea [readonly]="readStatus" style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcSkyplanrange"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">进作业门编号：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:150px;" placeholder="请输入进作业门编号"
                        [(ngModel)]="queryParams.vcIndoornum" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">出作业门编号：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:150px;" placeholder="请输入出作业门编号"
                        [(ngModel)]="queryParams.vcOutdoornum" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">派工人：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width:315px;" [(ngModel)]="queryParams.vcLeaderid"
                        placeholder="请选择派工人">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组编号：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:150px;" placeholder="请输入作业组编号"
                        [(ngModel)]="queryParams.vcTaskGroupId" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">室外防护员：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width:315px;" [(ngModel)]="queryParams.vcOutguardid"
                        placeholder="请选择室外防护员">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业小组长：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width:315px;" [(ngModel)]="queryParams.vcTeamleaderid"
                        placeholder="请选择作业小组长">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">驻站联络员：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width:315px;" [(ngModel)]="queryParams.vcLiaisonid"
                        placeholder="请选择驻站联络员">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组人员：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width: 315px" nzMode="multiple"
                        [(ngModel)]="queryParams.vcTeammenberid" nzPlaceHolder="请选择作业组人员">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业类型：</span>
                <span>
                    <nz-radio-group [disabled]="readStatus" [(ngModel)]="queryParams.vcProjecttype">
                        <label nz-radio nzValue="状态修">状态修</label>
                        <label nz-radio nzValue="集中检修">集中检修</label>
                        <label nz-radio nzValue="设备整治">设备整治</label>
                        <label nz-radio nzValue="配合作业">配合作业</label>
                    </nz-radio-group>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">作业内容：</span>
                <span>
                    <textarea [readonly]="readStatus" style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcWorkinfo"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">工具材料：</span>
                <span>
                    <textarea [readonly]="readStatus" style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcToolsmaterial"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:2px">设备缺点监测问题库：</span>
                <div class="wtkTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th>发现时间</th>
                                <th>发现人</th>
                                <th>问题类型</th>
                                <th>问题描述</th>
                                <th>整改要求</th>
                                <th>解决期限</th>
                                <th>责任部门</th>
                                <th>备注</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of problemList.data;">
                                <td>{{data.checkDate}}</td>
                                <td>{{data.checkPerson}}</td>
                                <td>{{data.typeName}}</td>
                                <td>
                                    <textarea style="border:0" nz-input [nzAutosize]="{ minRows: 4, maxRows: 4 }"
                                        [(ngModel)]="data.problemDesc"></textarea>
                                </td>
                                <td>
                                    <textarea style="border:0" nz-input [nzAutosize]="{ minRows: 4, maxRows: 4 }"
                                        [(ngModel)]="data.handleRequire"></textarea>
                                </td>
                                <td>{{data.deadline}}</td>
                                <td>{{data.chargeOrgName}}</td>
                                <td>{{data.remark}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:4px">三防风险提示：<br />
                    <button disabled nz-button nzType="primary" nzSize="small" nzGhost>选择</button>&nbsp;&nbsp;
                </span>
                <span>
                    <textarea [readonly]="readStatus" style="width:1355px;" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 8 }" [(ngModel)]="queryParams.vcRiskinfo"></textarea>
                </span>
            </div>
        </div>
    </div>
</div>